.app {
  height: 100vh;
}
//预加载动画
@keyframes turn {
  0% {
    -webkit-transform: rotate(0deg);
  }
  25% {
    -webkit-transform: rotate(90deg);
  }
  50% {
    -webkit-transform: rotate(180deg);
  }
  75% {
    -webkit-transform: rotate(270deg);
  }
  100% {
    -webkit-transform: rotate(360deg);
  }
}

//贝塞尔动画
@keyframes hor-animation {
  0% {
    left: 115px;
  }
  100% {
    left: 335px;
  }
}
@keyframes ver-animation {
  0% {
    top: 0px;
  }
  100% {
    top: 100px;
  }
}
//小球从小变大动画
@keyframes move {
  0% {
    left: 0px;
    top: 0px;
    width: 50px;
    height: 50px;
    width: 30px;
    height: 30px;
    animation-duration: 1s;
  }
  50% {
    left: 120px;
    top: 120px;
    width: 50px;
    height: 50px;
    animation-duration: 1s;
  }
  100% {
    left: 120px;
    top: 120px;
    width: 50px;
    height: 50px;
    animation-duration: 1s;
  }
}
